@import "@styles/theme.scss";
@import "~taro-ui/dist/style/components/icon.scss";

.base-info {
  margin-bottom: 18px;
  padding: 0 $spacing-h-lg 16px;
  background: #FFF;
}

.item-price {
  position: relative;
  height: 96px;
  line-height: 96px;

  &-a {
    margin-right: 16px;
    font-size: 26px;
    color: $primary-color;

    &-value {
      font-size: 56px;
    }
  }

  &-b {
    font-size: 24px;
    color: $text-color-lighter;
    text-decoration: line-through;
  }

  &-share {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 96px;

    &-but {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      opacity: 0;
    }
  }
}

.item-title {
  line-height: 40px;
  font-size: $font-size-base;
  color: $text-color;
  font-weight: bold;

  &-tab {
    margin-right: 4px;
    padding: 0 8px;
    position: relative;
    top: -4px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #FFF;
    background: #5CA9F8;
    border-radius: 4px;
  }
}
